<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <title>支付后抽奖</title>
    <link href="__STATIC_URL__/static/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="__STATIC_URL__/static/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="__STATIC_URL__/static/css/list.css"/>
    <script src="__STATIC_URL__/static/js/jquery-1.10.2.min.js"></script>
    <script src="__STATIC_URL__/static/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="__STATIC_URL__/static/js/qrcode/qrcode.js"></script>
    <style type="text/css">
        ul,
        ol,
        li {
            list-style: none;
        }
        tbody{
            font-size: 14px;
        }
        .table>tbody>tr>td{
            vertical-align: middle;
        }
    </style>
</head>

<body id="body">
{include file='public/header'/}
<section id="content">
    {include file='public/left'/}
    <div class="content">
        <!--路径导航-->
        <div class="page-heading mgl15 mgr15">
            <ul class="breadcrumb">
                <li>
                    <a href="javascript:void(0);">营销工具</a>
                </li>
                <li>
                    <a href="{:url('marke/tools')}">活动营销</a>
                </li>
                <li>
                    <a href="{:url('marke/paylottery')}">支付后抽奖</a>
                </li>
                <li class="active" style="color: #02b87f;">九宫格活动</li>
            </ul>
        </div>
        <!--创建会员卡主要内容-->
        <div class="panel panel-default mgl15 mgr15">
            <div class="panel-heading">九宫格活动列表
                <a href="{:url('marke/payGridadd')}" style="margin-top: -6px;" title="新增幸运九宫格活动" class="btn btn-default pull-right">新增幸运九宫格活动</a>
            </div>
            <div class="panel-body">
                <!--创建会员卡主要内容-->
                <table class="table table-bordered">
                    <thead style="background: #F4F5F9;">
                    <tr>
                        <th>活动名称</th>
                        <th>关键字</th>
                        <th>有效参与人数</th>
                        <th>开始时间/结束时间</th>
                        <th>状态</th>
                        <th class="norightborder">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>幸运九宫格活动开始了</td>
                        <td>关键字</td>
                        <td>10</td>
                        <td>2018-01-17<br/>2018-02-16</td>
                        <td>开始</td>
                        <td><a href="javascript:void(0);" class="btn-link">编辑</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            {include file='public/footer'/}
        </div>
    </div>
</section>
</body>
</html>